<template>
  <div>
    <Card :bordered="false">
      <Tabs
        type="card"
        :animated="false"
        name="one"
        @on-click="changeTab"
        v-model="current"
      >
        <TabPane name="one" label="到诊推送">
          <one v-if="current === 'one'"></one>
        </TabPane>
        <TabPane name="two" label="到诊关联未匹配">
          <two v-if="current === 'two'"></two>
        </TabPane>
        <TabPane name="three" label="回复提醒">
          <three v-if="current === 'three'"></three>
        </TabPane>
        <TabPane name="four" label="好友申请">
          <four v-if="current === 'four'"></four>
        </TabPane>
        <TabPane name="five" label="白癜风数据提醒">
          <five v-if="current === 'five'"></five>
        </TabPane>
        <TabPane name="six" label="线索提醒">
          <six v-if="current === 'six'"></six>
        </TabPane>
      </Tabs>
    </Card>
  </div>
</template>
<script>
import one from "./one.vue";
import two from "./two.vue";
import three from "./three.vue";
import four from "./four.vue";
import five from "./five.vue";
import six from "./six.vue";
export default {
  name: "messagePush",
  components: { one, two, three, four, five, six },
  data() {
    return {
      current: "one",
    };
  },
  methods: {
    changeTab(value) {},
  },
};
</script>
